*{
    margin: 0;
    padding: 0;
}
*{
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
.index-top{
    height: 31px;
    background: #F8F8F8;
    margin: 0 auto;
}
.index-top-body{
    width: 1200px;
    height:31px;
    background: #F8F8F8;
    margin: 0 auto;
    /* border: 1px solid black; */
    font-size: 12px;
    line-height: 31px;
    display: flex;
    justify-content: space-between;
    color: #888888;
}
.index-top-body-left{
    display: flex;
    box-sizing: border-box;
    justify-content: center;
   
}
.index-top-body-left-l{
    display: flex;
    position: relative;
    margin-right: 18px;

}
.index-top-body-left-l>span:hover{
    color: #B20FD3;
}
.zklhy{
    display: flex;
    position: absolute;
    width: 320px;
    height: 100px;
    left: 0px;
    top: 31px;
    background: #FFFFFF;
    border: 1px solid #cccccc;
    z-index: 500;
    display: none;
}
.zklhy span{
    position: absolute;
    left:90px;
    top: 30px;
}
.index-top-body-left-r{
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
}
.iconfont{
    margin-left: 3px;
    margin-right:3px; 
    font-size: 2px !important;

}
.index-top-body-right{
    display: flex;
}
.grzx{
    width: 265px;
    height: 245px;
    background: #FFFFFF;
    border:1px solid #cccccc;
    border-top: none;
    position: absolute;
    left: 0;
    top: 31px;
    z-index: 500;
    display: none;
}
.grzx span{
    margin-right: 20px;
}
.qycg{
    width: 320px;
    height: 100px;
    border: 1px solid #cccccc;
    border-top: none;
    background: #FFFFFF;
    position: absolute;
    left: 0;
    top: 31px;
    display: none;
}
.qycg span{
    margin-right: 20px;
}
.qycg>span:hover{
    color:#B20FD3 ;
}

.f{
    position: absolute;
    top: 0;
    right: 0;
}
.grzx>span:hover{
    color:#B20FD3 ;
}
.fwzx{
    width: 240px;
    height: 230px;
    position:absolute;
    left: 0;
    top: 31px;
    background: #FFFFFF;
    border:1px solid #cccccc;
    border-top: none;
    z-index: 500;
    padding: 0 10px;
    display: none;
}
.fwzx>span:hover,.fwzx>h4:hover{
    color:#B20FD3 ;
}
.fwzx span{
    line-height: 12px;
    margin-right: 20px;
}
.zxkw{
    position: absolute;
    left: 12px;
    bottom: -5px;
}
.wzdh{
    width: 1200px;
    height: 200px;
    background: #FFFFFF;
    border: 1px solid #cccccc;
    border-top: none;
    position: absolute;
    top: 31px;
    right: -132px;
    z-index: 500;
    padding: 20px;
    display: none;
}
.wzdh div{
    float: left;
    margin-left: 20px;
}
#fjx{
    width: 1px;
    height: 160px;
    background: #cccccc;
}
.ztcx span{
    margin-right: 30px;
}
.ztcx>h4:hover,.ztcx>span:hover{
    color:#B20FD3 ;
}
.zklapp{
    width: 165px;
    height: 200px;
    position: absolute;
    right: -20px;
    top: 31px;
    z-index: 500;
    display: none;
}
.r-2>div:nth-child(1):hover,.r-3>div:nth-child(1):hover,.r-4>div:nth-child(2):hover,.r-5>div:nth-child(1):hover,.r-6>div:nth-child(2):hover{
    color: #B20FD3;
}
.r-2:hover,.r-3:hover,.r-4:hover,.r-5:hover ,.r-6:hover{
    background: #FFFFFF;
}
.r-2,.r-3,.r-4,.r-5,.r-6{
    position: relative;
    display: flex;
    margin-left: 18px;
}
#zc,#fw,#sj,#lb{
    font-size: 16px !important;
    color:#B20FD3;
}
#yl{
    color:#B20FD3;
}
.index-head{
    width: 1200px;
    height:120px ;
    margin: 0 auto;
    /* border: 1px solid black; */
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    align-items: center;
}
.logo{
    width: 125px;
    height: 56px;
    background: url(../imgs/logo.png) no-repeat;
}
.top-search{
    width: 500px;
    height: 52px;
    font-size: 12px;
    color: #888888;
    /* border: 1px solid orange; */
    
}
.top-search-up{
    height: 30px;
    border: 1px solid #B20FD3;

    display: flex;
    justify-content: space-between;
    align-items: center;
   
}
.top-search-up .ss{
    width: 60px;
    height: 30px;
    background: #B20FD3;
    border-style: none;
}
.top-search-up1{
    border: 1px solid #B20FD3;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-search-up2{
    width: 380px;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ss:hover{
    color: white;
    background: rgb(212, 55, 55);
}
.ss:active{
    color:rgb(212, 55, 55); 
    background: rgb(109, 101, 101);
}
.search{
    border-style: none !important;
    width: 380px;
    height: 28px;
line-height: 20px;
}

#sh{
    color:#B20FD3 ;
    font-size: 24px !important;
}

.top-search-dw{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
}
.Applexp , .hgsc{
    color:#B20FD3 ;
}
.cartlink{
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.wd{
    margin: 0 10px;
}
#gwc{
font-size: 24px !important;
}

/* 导航 */
.box1{
    height: 40px;
    background: #F8F8F8;
    margin: 0 auto;

}
.qbsp-nav{
    width: 1200px;
    height: 40px;
    margin: 0 auto;
    background: #F8F8F8;
    /* border: 1px solid black; */
    font-size: 15px;
    line-height: 40px;
   
 
}
.qbsp-nav1{
    width: 200px;
    height: 40px;
    /* border: 1px solid black; */
    float: left;
    padding-left: 15px;
    font-weight: bold;
    color: #585858;
}
.qbsp-nav2{
    width:800px;
    height: 40px;
    /* border: 1px solid black; */
    float: left;
   line-height: 40px;
}
.qbsp-nav2 span{
    background: #B2B2B2;
    width: 1px;
    height: 15px;
    float: left;
    margin-top: 12.5px;
    

}
.qbsp-nav2 div{
 
    float: left;
    margin: 0 13px;

}
.qbsp-nav3{
    width: 170px;
    height: 40px;
   font-weight: 800;
   text-align: right;
   color: #585858;
    /* border: 1px solid black; */
    float: left;
}
.qbsp-nav4{
    padding: 5px 0px;
    width: 28px;
    font-size: 10px;
    display: flex;
    flex-flow: column;
    align-items: center; 
}
.qbsp-nav4 button{
    border-style: none;
}


/* 轮播图banner */

.box2{
    width: 1903px;
    height: 450px;
    margin: 0 auto;
    background: #FFC45A;
    position: relative; 
}

.splist{
    width:200px ;
    height: 450px;
    border: 1px solid black;
    position: absolute;
    left: 18.5%;
    top: 0px;
    z-index: 200;
    background: black;
    opacity: 0.8;
    font-size:14px;
    padding: 0px 15px;
}
.splist .xl{
    display: flex;
    justify-content: start;
    align-items: center;
    color: white; 
    margin: 12.5px 0px ;
    /* position: relative; */
}
.xl:hover{
    color: #5E5E5E;
    background: #FFFFFF;
}
.xl>div:hover{
    color: #B20FD3;
}
.sjcz-list>span:hover{
    color: #B20FD3;
}
.xl div{
    margin-right: 5px;
}
 .sjcz{
    width: 1030px;
    height:450px;
    border: 1px solid #cccccc;
    border-top: solid #B20FD3 ;
    background: #FFFFFF;
    z-index: 500;
    position: absolute;
    left: 168px;
    top:-1px;
    opacity: 1 !important;
    padding: 20px;
    display: none;

}
.sjcz-list{
    margin: 20px 0;
}
#first{
    font-size: 12px;
    font-weight: bold;
    color: #5E5E5E;
    margin-right: 10px;
}
.sjcz-list>span{
    font-size: 12px;
    color: #999999;
    margin-right: 3px;
}
.sjcz-nave span{
    font-size: 12px;
    color: #FFFFFF;
    background: #B20FD3 ;
    font-weight: bold;
    margin-right: 10px;
    padding: 3px;
    
}
.kx{
    width:250px ;
    height: 400px;
    border: 1px solid black;
    position: absolute;
    right: 18.5%;
    top: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    z-index: 1;
    background: white;
    opacity: 0.9;
    /* padding: 15px; */
    font-size: 12px;
    
    
}
.kx-nav{
    display: flex;
    padding-top:10px;
    padding-left: 15px;
    justify-content: space-between;
    align-items: center;

}
.kx-nav-r{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #888888;
}
.left{
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 40px;
    position: absolute;
    background: rgb(34, 33, 33);
    opacity: 0.3;
    left: 0;
    top: 225px;
    color: white;
}
#left:hover,#right:hover{
    background: rgb(212, 55, 55);
    color:#e1e9ec;
}
#left:active,#right:active{
    background: rgb(212, 212, 55);
    color:#50BFEC;
}
.right{
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 40px;
    position: absolute;
    right:0;
    top: 225px;
    background: rgb(34, 33, 33);
    opacity: 0.3;
    color: white;
}
.banner .imgbox img:first-child{left:0;}
.banner .list{
    display: block;
    width: 300px;
    height: 50px;
    position: absolute;
   left:200px;
   bottom: 1px;
   display: flex;
   justify-content: space-evenly;
}
.banner .list>li{
    list-style: none;
    width: 40px;
    height: 8px;
    border-radius: 10px;
    background: #888888;
    margin-right: 10px;
    cursor: pointer;
}
.banner .list>li:hover{
    background: #FF0027;
}
.banner .list>li:active{
    background: #FFFFFF;
}

.kx-top{
    margin: 6px 0px;
    line-height: 24px;
    padding-left: 15px;
    padding-bottom: 12px;
    border-bottom: 1px dotted #888888;
}
.kx-m{
    padding: 5px 10px;

}

.kx-m-s{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    
}
.kx-m-s1,.kx-m-s2,.kx-m-s3{
    display: flex;
    flex-flow: column;
}
#chf,#cll,#lq{
    font-size: 24px !important;
    margin-bottom: 5px;
}
.kx-bottom{
    width: 250px;
    height: 130px;
    position: relative;
}
.kx-mk{
    position: absolute;
    left: 0;
    top: 0;
}
.banner{
    width: 750px;
    height: 450px;
    margin: 0 auto;
    /* border:4px solid black; */
    left:-25px;
    position: relative;
    overflow: hidden;


    

}
.banner .imgbox{
    width: 750px;
    height: 450px;
    margin: 0 auto;
    position: absolute;
    top: 0;

    
   

}
.imgbox img{
    width: 750px;
    height: 450px;
    display: block;
    float: left;
}

/* 领券中心 */
.coupon{
    width: 1200px;
    height:110px ;
    margin:0 auto;
    display: flex;
    /* background: lightcoral; */
    
}
.coupon>div{
   border-right: 1px dotted #888888;
   margin-top: 20px;
}
/* 猜你喜欢 */
.cnxh{
    width: 1200px;
    height: 60px;   
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items:flex-end;
    margin-top: 20px;
    padding-bottom: 5px;

}
.cnxh-list-1>div:hover{
    color: #B20FD3;
}
.cnxh div span:nth-child(1){
    font-size: 18px;
    color: #333333;
}
.cnxh div span:nth-child(2){
    font-size: 20px;
    color: #cccccc;
    padding-left: 9px;
}
.cnxh div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#z,#y{
    font-size: 20px !important;
    margin-left: 3px;
}
.cnxh-list{
    width: 1200px;
    height: 264px;
    margin: 0 auto;
    border: 1px solid #cccccc;
    padding: 12px 0px;
    display: flex;
}
.cnxh-list-1{
    width: 200px;
    height: 225px;
    border-right: 1px dotted #cccccc ;
    padding: 15px 0 0 0;
}
.cnxh-list-1 div:nth-child(1){
    margin: 0 0 0 40px;
   
}
.cnxh-list-1 div:nth-child(2){
    margin: 32px 3px 0 20px;
    font-size: 12px;
}
.cnxh-list-1 div:nth-child(3){
    margin: 8px 0 0 20px;
    font-size: 16px;
    color:red;
}

/* 1F手机通讯 */

.no1F{
    width: 1200px;
    height: 70px;
    margin: 0 auto;
    /* background: seashell; */
    display: flex;
    justify-content: space-between;
   align-items: flex-end;
}
.no1F-l{
    display: flex;
    font-size: 20px;
    margin-bottom: 8px;
}
.no1F-l div:nth-child(1){
    margin-right: 10px;
}
.no1F-r{
    display: flex;
    font-size: 14px;
    
}
.no1F-r div{
    padding:5px 15px ;
}
.no1F-r div:nth-child(1){
    background: #719EF7;
}

.no1F-list{
    width: 1200px;
    height: 470px;
    border: 1px solid #cccccc;
    margin: 0 auto;
    position: relative;
}
.no1F-list-l{
    width: 210px;
    height: 470px;
    border: 1px solid #cccccc;
    position: relative;
}
.no1F-list-l-top{
    position: absolute;
    left: -10px;
    top: 0px;
}
.no1F-list-l-m{
    position: absolute;
    left: 0;
    top: 278px;
    width: 210px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    background: #6294f6;
    color: white;
    display: flex;
    padding-left: 10px;
}
.no1F-list-l-m div{
    margin:0 5px;
}
.no1F-list-l-bottom{
    width: 210px;
    height: 160px;
    position: absolute;
    background:#719EF7;
    left: 0;
    bottom: 0;
}
.first,.second,.third{
    float: left;

}
.first div,.second div,.third div{
    margin: 12px 5px;
    font-size: 12px;
    color: #F0F0F0;
}
.no1F-list-r{
    width: 990px;
    height: 470px;
    position: absolute;
    left: 210px;
    top: 0;
}
.no1F-list-r-z{
    width: 389px;
    height: 470px;
    position: absolute;
    left: 0;
    top: 0;
}
.no1F-list-r-z img{
    width: 100%;
    height: 100%;
}
.no1F-list-r-y{
    width: 601px;
    height: 470px;
    position: absolute;
    /* border: 1px solid black; */
    right: 0;
    top: 0;
    border-top: 1px solid #6294f6;
}

.list-r-z1{
    width: 20px;
    height: 40px;
    font-size: 32px;
    background: black;
    color: white;
    position: absolute;  
    opacity: 0.6;
    z-index: 1;
    line-height: 40px;
    left: 0;
   top: 230px;
}
.list-r-z2{
    width: 20px;
    height: 40px;
    font-size: 32px;
    background: black;
    color: white;
    position: absolute;  
    opacity: 0.6;
    z-index: 1;
    line-height: 40px;
    right: 0;
    top: 230px;
}
.xlbt{
    width: 366px;
    height: 100px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    /* border: 1px solid black; */
    opacity: 0.8;
    z-index: 1;
}
.xlbt div{
    float: left;
    width: 121px;
    height: 50px;
    border: 1px solid black;
}
.xlbt div>img{
    width: 100%;
    height: 100%;
}
.no1F-list-r-y-1,.no1F-list-r-y-2,.no1F-list-r-y-3{
    float: left;
 
}
.no1F-list-r-y-1 div,.no1F-list-r-y-2 div,.no1F-list-r-y-3 div{
    border-right: 0.5px solid #cccccc;
    border-bottom: 0.5px solid #cccccc;
}
.no1F-xr{
    width: 30px;
    height: 60px;
    font-size: 40px;
    line-height: 60px;
    background: black;
    opacity: 0.4;
    color: white;
    position: absolute;
    right: 0;
    top: 205px;
}
/* 2楼2F */

.no2F-list-l-bottom{
    width: 210px;
    height: 160px;
    position: absolute;
    background:#50BFEC;
    left: 0;
    bottom: 0;
}
.no2F-list-l-m{
    position: absolute;
    left: 0;
    top: 278px;
    width: 210px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    background: #3EB8E9;
    color: white;
    display: flex;
    padding-left: 10px;
}
#no2F-r div:nth-child(1){
    background: #50BFEC;
}
.no2F-list-r-y{
    border-top: 1px solid #3EB8E9;
}
/* 3F3楼 */
.no3F-list-l-bottom{
    width: 210px;
    height: 160px;
    position: absolute;
    background:#7F86EC;
    left: 0;
    bottom: 0;
}
.no3F-list-l-m{
    position: absolute;
    left: 0;
    top: 278px;
    width: 210px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    background: #7179EA;
    color: white;
    display: flex;
    padding-left: 10px;
}
#no3F-r div:nth-child(1){
    background: #7F86EC;
}
.no3F-list-r-y{
    border-top: 1px solid #7179EA;
}

/* 4楼4F */





.no4F{
    width: 1200px;
    height: 70px;
    margin: 0 auto;
    /* background: seashell; */
    display: flex;
    justify-content: space-between;
   align-items: flex-end;
}
.no4F-l{
    display: flex;
    font-size: 20px;
    margin-bottom: 8px;
}
.no4F-l div:nth-child(1){
    margin-right: 10px;
}
.no4F-r{
    display: flex;
    font-size: 14px;
    
}
.no4F-r div{
    padding:5px 15px ;
}
.no4F-r div:nth-child(1){
    background: #41CCB8;
}

.no4F-list{
    width: 1200px;
    height: 470px;
    border: 1px solid #cccccc;
    margin: 0 auto;
    position: relative;
}
.no1F-list-l{
    width: 120px;
    height: 470px;
    border: 1px solid #cccccc;
    position: relative;
}
.no4F-list-l-top{
    position: absolute;
    left: -10px;
    top: 0px;
}
.no4F-list-l-m{
    position: absolute;
    left: 0;
    top: 213px;
    width: 120px; 
    background: #2CC7B0;
    /* display: flex; */
    padding-left: 10px;
}
.no4F-list-l-m div{
    height: 32px;
    font-size: 14px;
    line-height: 32px;  
    color: white;
    margin:0 5px;
}
.no4F-list-l-bottom{
    width: 120px;
    height: 160px;
    position: absolute;
    background:#41CCB8;
    padding-left: 10px;
    left: 0;
    bottom: 0;
}
.no4F-list-l-bottom div{
    margin: 12px 5px;
    font-size: 12px;
    color: #F0F0F0;
}
.no4F-list-r{
    width: 1080px;
    height: 470px;
    position: absolute;
    left: 120px;
    top: 0;
}
.no4F-list-r-z{
    width: 479px;
    height: 470px;
    position: absolute;
    left: 0;
    top: 0;
}
.no4F-list-r-z img{
    width: 100%;
    height: 100%;
}
.no4F-list-r-y{
    width: 601px;
    height: 470px;
    position: absolute;
    /* border: 1px solid black; */
    right: 0;
    top: 0;
    border-top: 1px solid #41CCB8;
}

.list-r-z1{
    width: 20px;
    height: 40px;
    font-size: 32px;
    background: black;
    color: white;
    position: absolute;  
    opacity: 0.6;
    z-index: 1;
    line-height: 40px;
    left: 0;
   top: 230px;
}
.list-r-z2{
    width: 20px;
    height: 40px;
    font-size: 32px;
    background: black;
    color: white;
    position: absolute;  
    opacity: 0.6;
    z-index: 1;
    line-height: 40px;
    right: 0;
    top: 230px;
}
.F4xlbt{
    width: 456px;
    height: 100px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    /* border: 1px solid black; */
    opacity: 0.8;
    z-index: 1;
}
.F4xlbt div{
    float: left;
    width: 114px;
    height: 50px;
    border: 1px solid black;
}
.F4xlbt div>img{
    width: 100%;
    height: 100%;
}
.no4F-list-r-y-1,.no4F-list-r-y-2,.no4F-list-r-y-3{
    float: left;
 
}
.no4F-list-r-y-1 div,.no4F-list-r-y-2 div,.no4F-list-r-y-3 div{
    width: 199px;
    height: 234px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.no4F-xr{
    width: 30px;
    height: 60px;
    font-size: 40px;
    line-height: 60px;
    background: black;
    opacity: 0.4;
    color: white;
    position: absolute;
    right: 0;
    top: 205px;
}

/* 5楼5F */
.no5F-list-l-bottom{
    width: 210px;
    height: 160px;
    position: absolute;
    background:#E85cc5;
    left: 0;
    bottom: 0;
}
.no5F-list-l-m{
    position: absolute;
    left: 0;
    top: 278px;
    width: 210px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    background: #E744C1;
    color: white;
    display: flex;
    padding-left: 10px;
}
#no5F-r div:nth-child(1){
    background: #E85CC5;
}
.no5F-list-r-y{
    border-top: 1px solid #E744C1;
}
/* 6F,6楼 */
.no6F-list-l-bottom{

    background:#ABCE5B;

}
.no6F-list-l-m{
 
    background: #9CC736;

}
#no6F-r div:nth-child(1){
    background: #ABCE5B;
}
.no6F-list-r-y{
    border-top: 1px solid #ABCE5B;
}
/* 7楼7F */
.no7F-list-l-bottom{

    background:#829DAA;

}
.no7F-list-l-m{
 
    background: #6A8EA0;

}
#no7F-r div:nth-child(1){
    background: #829DAA;
}
.no7F-list-r-y{
    border-top: 1px solid #829DAA;
}

/* 热销榜 */
.rxb{
    width: 1200px;
    height: 400px;
    margin: 0 auto;
    /* border: 1px solid black; */
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
}
.rxb-left{
    width: 830px;
    height: 400px;
    /* border:1px solid black; */
}
.rxb-right{
    width: 361px;
    height: 400px;
    /* border:1px solid black; */
}
.rxb-left-top{
    width: 830px;
    height: 60px;
    /* background:yellowgreen; */
    /* border: 1px solid black; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rxb-left-bottom{
    width: 830px;
    height: 340px;
    border: 1px solid #cccccc;
    
}

.rxb-right-top{
    width: 361px;
    height: 60px;
    /* background: pink; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rxb-right-top-l{
    display: flex;

}
.rxb-right-top-l-1{
    font-size: 18px;
    margin: 28px 0 0;
    color: #333333;
}
.rxb-right-top-l-2{
    font-size: 20px;
    color: #cccccc;
    padding: 27px 0 0 9px;
}
.rxb-right-top-r{
    display: flex;
    margin: 32px 0 0;
    
}
.rxb-right-top-r-3{
    margin: 0px 5px 0 5px;
}
.rxb-right-top-r{
    font-size: 12px;
    color: #5E5E5E;
}
.rxb-right-bottom{
    width: 361px;
    height: 340px;
    border:1px solid #cccccc;
}
.rxb-left-top-l{
    display: flex;
}
.rxb-left-top-r{
    display: flex;
    color: #5E5E5E;
    font-size: 12px;
}
.rxb-left-top-r div{
    margin: 33px 0 0 3px;
}
/* .rxb-left-top-r-2{
    margin-left: 30px;
} */
.rxb-left-top-l-1{
    font-size: 18px;
    margin:28px 0 0  ;
}
.rxb-left-top-l-2{
    font-size: 20px;
    color: #cccccc;
    padding: 27px 0 0 9px;
}
.no1{
    width: 279px;
    height: 338px;
    /* background: cornsilk; */
    float: left;
}
.no1 .imgs{
    width: 210px;
    height: 210px;
    margin: 30px 30px 29px 30px;
  
}
.no1 img{
    width: 100%;
    height: 100%;
}
.no1 .viniya{
    width: 240px;
    height: 24px;
    margin: 0 0 0 20px;
    color: #404040;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.no1 .price{
    width: 240px;
    height: 24px;
    color: #FF0027;
    font-size: 16px;
    margin: 0 0 0 20px;
    line-height: 24px;
    text-align: center;
}
.no2{
    width: 548px;
    height: 330px;
    /* background: lemonchiffon; */
   float: right;
}
.xpg{
    width: 275px;
    height: 169px;
    /* background: pink; */
    border:1px dotted #cccccc
}
.floor1{
    display: flex;
    justify-content: space-around;
}
.xpg .pic{
    width: 120px;
    height: 120px;
    margin: 25px 10px 0;
    float: left;
}
.xpg .zi{
    float: left;
}
.qpg{
    width: 120px;
    height: 69px;
    font-size: 13px;
    color: #5E5E5E;
    padding: 29px 0 0 ;
}
.price1{
    width: 120px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    margin: 8px 0 0 ;
    color:#FF0027 ;
}
.xpg img{
    width: 100%;
    height: 100%;
}
.floor2{
    display: flex;
    justify-content: space-around;
}
.rxb-right-bottom-1{
    width: 359px;
    height: 169px;
    border-bottom:1px dotted #cccccc;
    padding: 15px;
    position: relative;
}
.tu{
    width: 120px;
    height: 120px;
    margin: 5px 0 0 5px;
    position: relative;
}
.tu img{
    width: 100%;
    height: 100%;
}
.tu .kuai{
    width: 68px;
    height: 66px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.kuai div{
    width: 56px;
    height: 18px;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 18px;
    background: #B20FD3;
    margin: 5px 0px;
  
}
.detail{
    width: 160px;
    height: 147px;
    /* border:1px solid black; */
    position: absolute;
    top: 0;
    right: 15px;
}
.detail-1{
    width: 160px;
    height: 14px;
    line-height: 14px;
    color: #404040;
    font-size: 16px;
    margin: 24px 0 0 ;
}
.detail-2{
    width: 154px;
    height: 18px;
    line-height: 18px;
    color: #FF0027;
    font-size: 14px;
    font-weight: bold;
    margin: 14px 6px 0 0 ;
}
.detail-3{
    width: 160px;
    height: 12px;
    line-height: 12px;
    color: #888888;
    font-size: 12px;
    margin: 40px 6px 0 0 ;
}
.detail-4{
    width: 160px;
    height: 12px;
    line-height: 12px;
    color: #888888;
    font-size: 12px;
    margin: 5px 6px 0 0 ;
}
/*  下部-上  */
.bottom-nave{
    width: 1200px;
    height: 72px;
    padding: 15px 0;
    background: #F5F5F5;
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.pz{
    width: 396px;
    height: 42px;
    display: flex;
    justify-content: space-between;
    align-items: center;
   padding: 0 60px;
}
.pz>#tb{
    color: blueviolet;
    font-size: 42px !important;
    margin: 0 0 0 0;
}
.pz1{
    color: #404040;
    font-size: 18px;
    font-weight: bold;
}
.pz2{
    color: #404040;
    text-align: center;
    line-height:42px ;
    
}
.pz3{
    color: #404040;
    text-align: center;
    font-size: 18px;
    line-height:42px ;
    
}

/* 下部 列表 */
.bottom-list{
    width: 1350px;
    height: 150px;
    margin: 0 auto;
}
.list-1{
    width: 243px;
    height: 150px;
    padding: 15px 0px 0px 125px;
    color: #A5A5A5;
    font-size: 12px;
    float: left;
}
.list-1 div{
    margin: 3px 0px;
}
#list-name{
    font-size: 16px;
    color: #5E5E5E;
}

/* 脚部-footer */
.footer-box{
    width: 1903px;
    height: 300px;
    margin: 0 auto;
    background: #F7F7F7;
    border-top: 1px solid #B20FD3;
}
.footer{
    width: 1200px;
    height: 300px;
    background: #F7F7F7;
    margin: 0 auto;
    /* border: 1px solid black; */
}
.footer-top{
    width: 1200px;
    height: 100px;
    /* border:1px solid pink; */
    margin: 0 auto;
}
.footer-top-1{
    width: 315px;
    height: 85px;
    display: flex;
    margin-top: 15px;
    float: left;

}
.footer-top-1-zi{
    display: flex;
    flex-flow: column;
    margin-left: 10px;
    margin-top: 5px;
}
.footer-top-1-zi span:nth-child(1){
    color: #333333;
    font-size: 16px;
    line-height: 16px;

}
.footer-top-1-zi span:nth-child(2){
    color: #999999;
    font-size: 12px;
    line-height: 12px;
    margin-top: 5px;
}
.footer-top-3{
    float: right;
}
.jt-list{
    width: 1200px;
    height: 22px;
   display: flex;
   justify-content: space-between;
}
.jt-list li{
    display: block;
    list-style: none;
    float: left;
    font-size: 12px;
    line-height: 22px;
    color: #666666;
    margin-right: 15px;
}
.jt-list div{
    font-size: 12px;
    color: #999999;
    float: right;
}
.footer>span{
    color: #999999;
    font-size: 12px;
    text-align: center;
}
#gh{
    font-size: 12px;
    position: relative;
    bottom: -5px;
}
.footer-bottom{
    width: 1200px;
    height: 72px;
    border-top: 1px solid #cccccc;
    margin-top: 10px;
  
}
.footer-bottom-1{
    display: flex;
    margin-top: 15px;
    float: left;
}
.footer-bottom-1-zi{
    width: 86px;
    height: 36px;
    color: #999999;
    font-size: 12px;
    margin-left: 10px;
}
.footer-bottom-2-zi{
    width: 75px;
    height: 27px;
    color: #999999;
    font-size: 12px;
    margin-left: 8px; 
    margin-top: 8px;
}
.footer-bottom-4-zi{
    width: 135px;
    height: 36px;
    color: #999999;
    font-size: 12px;
    margin-left: 10px; 
}

.lcdh{
    width: 66px;
    height: 420px;
    border:1px solid #cccccc;
    position: fixed;
    left: 250px;
    top: 210px;
    z-index: 500;
    background: #FFFFFF;
    display: none;
}
.lcdh-nav{
    text-align: center;
    height: 32px;
    font-size: 13px;
    color: #5E5E5E;
    font-weight: bold;
    background: #F0F0F0;
    padding: 5px;
}
.list li{
    list-style: none;
    width: 66px;
    height: 43px;
    padding: 5px;
    text-align: center;
    border:1px solid #cccccc;
    font-size: 12px;
    color: #5E5E5E;
    cursor: pointer;
}
.list li:hover{
    color: #B20FD3;
}
.list .red{background: coral;}

#sb,#xb{
    font-size: 18px !important;
}
.ylk{
    width: 35px;
    height: 100%;
    position: fixed;
    right: 0;
    background: #333333;
    z-index: 500;
    text-align: center;
    padding: 10 3px;
    
}
.ylk i{
    font-size: 12px;
    padding: 10px 0;


}
.ylk span:nth-child(4){
    padding: 5px 8px;
   
}
.ylk-up{
    position: absolute;
    display: flex;
    flex-flow: column;
    justify-items:flex-start;
    color: #FFFFFF;
    left:0;
    top:30%;
}
#ylk-up1,#ylk-up2,#ylk-up3,#ylk-up4{
    font-size: 24px !important;
}
.ylk-down{
    position: absolute;
    top:80%;
}

.ylk-down i{
    display: block;
    /* margin-top: 15px; */
    color: #F7F7F7;
    padding: 12px 5px;
}
.ylk-up>i:hover,.ylk-up>span:hover,.ylk-down>i:hover{
    color: #FFFFFF;
    background: black;
}
.wd:hover{
    color: #B20FD3;
}
